import React from 'react';
import Card from '../card/card';
import styles from './scrollImgs.less';
import { LeftCircleFilled, RightCircleFilled } from '@ant-design/icons';

export default function ScrollImgs() {
  return (
    <div className={styles['container']}>
      <div className={styles['controll']} style={{ left: '16px' }}>
        <LeftCircleFilled />
      </div>
      <div className={styles['card-container']}>
        {new Array(4).fill(0).map(() => (
          <Card></Card>
        ))}
      </div>
      <div className={styles['controll']} style={{ right: '16px' }}>
        <RightCircleFilled />
      </div>
    </div>
  );
}
